<template>
    <div>
        <el-header>
            <headertop/>
        </el-header>
        <el-main>
            <div class="w">
                <div class="work">
                    <div class="top">
                        <div class="s"></div>
                        <div class="title">办件公示</div>
                    </div>
                    <div class="content">
                        <ul style="list-style-position: inside">
                            <li class="li">5啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</li>
                        </ul>
                    </div>
                </div>
                <div class="focus"></div>
            </div>
        </el-main>
        <el-footer>
            <foot/>
        </el-footer>
    </div>
</template>

<script>
import headertop from "@/components/header";
import foot from "@/components/footer";
export default {
  components: { headertop, foot },

  data() {
    return {};
  }
};
</script>

<style lang="less" scoped>
.el-header {
  padding: 0 !important;
  height: 150px !important;
}

.el-aside {
  background-color: #d3dce6;
  color: #333;
  text-align: center;
  line-height: 200px;
}

.el-main {
  /* background-color: #e9eef3; */
  padding: 0;
  color: #333;
}
.el-footer {
  margin: 0 !important;
}
.w {
  width: 1400px;
  position: relative;
  margin: 0 auto;
  .work {
    float: left;
    width: 50%;
    .top {
      width: 100%;
      height: 105px;
      position: relative;
      .s {
        width: 4px;
        height: 27px;
        background-color: #226ebc;
        // margin-left: 40px;
        position: absolute;
        left: 40px;
        bottom: 0;
      }
      .title {
        color: #226ebc;
        font-size: 20px;
        font-weight: bold;
        position: absolute;
        left: 56px;
        bottom: 3px;
      }
    }
    .content {
      width: 100%;
      margin-top: 25px;
      .li {
        width: 100%;
        height: 30px;
        line-height: 30px;
        background-color: pink;
        overflow: hidden;
        white-space: nowrap;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
      }
    }
  }

  .focus {
    float: left;
    width: 50%;
    height: 200px;
    background-color: green;
  }
}
</style>


